<template>
  <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
  <!-- <HelloWorld msg="Hello Vue 3 + Vite" @myclick="onmyclick"/> -->
  <router-view></router-view>
</template>

<script setup>
//<script setup>语法是Vue3.0新推出的语法糖，无需再写exports default,以及components:{HelloWorld}
//引入组件后，即可以直接在template中使用
//<script>标签范围之内均代表setup函数内容,相当于所有代码都写入在了setup函数里
// import HelloWorld from '@/components/HelloWorld.vue'
import { defineProps, defineEmit } from "vue";// props emit
//props的定义
const props = defineProps({
  msg: String,
});
//$emit的定义
let emit = defineEmit(["click"]);
const onClick = () => {
  emit("click");
};

const onmyclick = ()=>{
	console.log('emit 成功')
}
</script>

<style>
</style>
